<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表单属性</title>
</head>
<body>
<p>
    H5的表单属性会自动检查输入的值是否合法
    比如，email的输入如果输入的不是email地址则会提示
</p>
<form action="#" method="get" autocomplete="on">
    First name:<input type="text" name="fname" /><br />
    Last name: <input type="text" name="lname" /><br />
    E-mail: <input type="email" name="email" autocomplete="off" /><br />
    <!-- 多选择输入URl -->
    Webpage: <input type="url" list="url_list" name="link" />
    <datalist id="url_list">
        <option label="W3School" value="http://www.w3school.com.cn" />
        <option label="Google" value="http://www.google.com" />
        <option label="Microsoft" value="http://www.microsoft.com" />
    </datalist><br>
    <input type="submit" />
</form>
</body>
</html>